<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=11" />
    <title>{{product}}</title>
    <link rel="icon" href="data:image/jpeg;base64,{{favicon}}">
    {{!-- <link rel="stylesheet" type="text/css" href="/static/SourceHanSansCNNormalFont/fontblock.css" /> --}}
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "PingFang SC","Microsoft YaHei", "sans-serif";
           overflow: hidden;
        }

        .box{
            width: 250px;
            height: 150px;
        }
       .err{
           width: 128px;
           height: 128px;
           margin-left: 60px;
           margin-bottom: 8px;
       }
       .tips{
          width: 100%;
          text-align: center;
          font-size: 14px;
          color: #000000;
          opacity: 0.55;
       }
    </style>
</head>

<body>
    <div class="box">
        <img class="err"  src="/static/media/err.png" />
        <div class="tips"><span class="tips-title">{{message}}</span></div>
    </div>
</body>

</html>
